<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="common/head.jsp"%>
<div class="right_col" role="main">
	<br /> <br /> <br /> <br /> <br />
	<form action="<%=basePath%>funsType/insFunsType" method="post"
		id="insFunsTypeForm">
		<div class="modal-header">
			<h3 class="modal-title" id="myModalLabel" style="text-align: center">趣事类型增加</h3>
		</div>
		<div class="modal-body"
			style="text-align: center; font-size: 16px; font-weight: 800; margin-top: 20px;">
			类型名称&nbsp;:&nbsp;<input
				type="text" name="type" id="insType" value="${funsType.type}" />
		</div>
		<div class="modal-body"
			style="text-align: center; font-size: 16px; font-weight: 800; margin-top: 20px;"></div>
		<div class="modal-footer">
			<button type="submit" class="btn btn-primary">提交增加</button>
			<button type="button" class="btn btn-default" data-dismiss="modal">关闭
			</button>
		</div>
	</form>
</div>
<script type="text/javascript">
$(document).ready(function() {
//表单数据校验
	var flag = false;
    var flag2 = false;
    // 验证趣事类型名称是否重复
    $("#insType").bind("blur", function() {
    	if ($("#insType").val() == "" || $("#insType").val() == null) {
            flag=false;
        } else {
        	flag=true;
            // ajax后台验证--name是否已存在
            $.ajax({
                type: "GET", // 请求类型
                url: "<%=basePath%>funsType/compareFunsType",
                data: {
                    "type": $("#insType").val()
                }, // 请求参数
                dataType: "json", // ajax接口（请求url）返回的数据类型
                success: function(data) {
                    if (data.result == "true") {
                        flag2 = true;
                    } else {
                    	flag2 = false;
                    }
                },
                error: function(data) {
                    alert("亲,请求错误!");
                }
            });
        }
    });
    $("#insFunsTypeForm").submit(function() {
    	if ($("#insType").val() == "" || $("#insType").val() == null) {
    		alert("亲,类型名称不能为空!");
            return false;
        }
        if (flag2 == false) {
        	alert("亲,该类型名称已经存在了哟,请更换类型名称!");
            return false;
        }
        return true;
    });
});
</script>
<%@ include file="common/foot.jsp"%>